<template>
<div>
  
  <router-link to="/layout/teacher">
  <div style="font-weight:bold;font-size:18px;line-height:60px;margin-left:30px" class="biaoti"><img src="../../../assets/shugang.png" alt="">&emsp;明星教师</div>
  </router-link>
  <table class="table">
    <thead>
      <tr>
        <td width="100px" style="font-weight:bold">教师头像</td>
        <td width="150px" style="font-weight:bold">教师姓名</td>
        <td width="100px" style="font-weight:bold">简介</td>
        <td width="120px" style="font-weight:bold">上传人</td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><img src="../../../assets/jiaoshi.png" alt=""></td>
        <td>安东正阳</td>
        <td>清华大学</td>
        <td>赵小云</td>
      </tr>
       <tr>
        <td><img src="../../../assets/jiaoshi.png" alt=""></td>
        <td>安东正阳</td>
        <td>清华大学</td>
        <td>赵小云</td>
      </tr>
       <tr>
        <td><img src="../../../assets/jiaoshi.png" alt=""></td>
        <td>安东正阳</td>
        <td>清华大学</td>
        <td>赵小云</td>
      </tr>
       <tr>
        <td><img src="../../../assets/jiaoshi.png" alt=""></td>
        <td>安东正阳</td>
        <td>清华大学</td>
        <td>赵小云</td>
      </tr>
       <tr>
        <td><img src="../../../assets/jiaoshi.png" alt=""></td>
        <td>安东正阳</td>
        <td>清华大学</td>
        <td>赵小云</td>
      </tr>
    </tbody>
  </table>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
   .table{
    text-align: center;
    margin-left: 40px;
     tr{
        td{
          padding: 10px 10px;
        }
     }
     thead{
      font-size:18px;
     }
   }
   .biaoti:hover{
     color: #558BFD;
   }
</style>